// .bgcImg {
//   width: 100%;
//   height: 100vh;
//   max-height: 1000px;
//   min-height: 600px;
//   background-image: url('/static/img/carousel/human_spaceflight_mars.jpg');
//   background-position: center top;
//   background-size: cover;

//   .content {
//     position: absolute;
//     top: 50%;
//     left: 50%;
//     transform: translate(-50%, -50%);
//     color: #fff;
//     line-height: normal;
//     .title {
//       h3 {
//         color: #4cd3c2;
//         margin-bottom: 35px;
//         font-size: 70px;
//         font-weight: 500;
//       }
//       span {
//         font-size: 20px;
//         color: #ff5151;
//       }
//     }
//   }
// }

.common {
  max-width: 1200px;
  margin: 0 auto;
  .comm_main {
    max-width: 1200px;
    margin: 0 auto;
    .comm_home {
      .content {
        position: relative;
        margin: -55px 25px 0 25px;
        border-radius: 10px;
        background-color: rgb(255, 255, 255);
        padding: 15px 35px;
        // height: 500px;
        .avatar {
          position: absolute;
          top: -60px;
          left: 50%;
          transform: translate(-50%, 0);
          // background-image: url('http://www.itmop.com/upload/2017-6/14964788801448072.jpg');
          background-position: center top;
          background-size: cover;
        }
        .msg {
          margin-top: 60px;
          text-align: center;
          .name{
            font-size:20px ;
    font-family: sy-sans,sans-serif;
          }
          .synopsis {
            padding: 0 18vw;
          }
          .tag {
            margin-bottom: 10px;
          }
          .tag:hover {
            transform: scale(1.2);
          }
        }
      }
    }
  }
}

.board {
  max-width: 1200px;
  margin: 0 auto;
  .board_main {
    max-width: 1200px;
    margin: 0 auto;
    .board_home {
      .content {
        position: relative;
        margin: 25px 25px 0 ;
        border-radius: 10px;
        background-color: rgb(255, 255, 255);
        padding: 15px 35px;
        // height: 500px;
        }
        .title{
          margin-top: 0px;
          text-align: center;
          font-size: 18px;
          font-weight: 600;
          .num{
            float: right;
            font-size: 16px;
            font-weight: 500;
          }
        }
        .board {
          .hint {
            margin: 0 0 20px;
          }
          .speak{
            .input{
              display: flex;
              justify-content: flex-start;
              align-items: center;
              :global(.ant-input){
                margin-left: 15px;
              }
            }
            .btn{
              float: right;
              margin-top: 15px;
            }
          }
          .boardList{
            margin-top: 100px;
            .name{
              font-size: 16px;
              font-weight: 550;
            }
            .time{
              color: #b3b3b3;
              font-weight: 400;
              font-size: 14px;
            }
            .content{
              display: block;
              margin: 0;
              padding: 0 0 0 10px;
            }
            .reply{
              padding: 0;
              margin: 0;
              margin-top: 10px;
              text-align: right;
              color: #1abc9c;
            }
          }
        }
      }
    }
  }
  
